<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta content="telephone=no" name="format-detection">
    <title>消费订单</title>
    <link rel="stylesheet" type="text/css" href="../common/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../common/css/common.css">
    <link rel="stylesheet" type="text/css" href="../common/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="./css/search.css">
</head>
<body>
    <header class="d_header">
        <a href="/index.html" class="head-back"></a>
        <span>搜索</span>
        <a href="javascript:;" id="reg" class="right"></a>
    </header>
    <div style="height: .44rem;"></div>
    <section style="background: #fff;">
        <input type="text" class="searchBorder" placeholder="请输入商品关键字">
        <span class="searchBtn">搜索</span>
    </section>
    <!--part 1-->
    <section class="recentSea recentSeaHeader">
        <span class="recentSeaText">最近搜索</span>
        <img src="./img/delete.png" class="recentSeaDel">
    </section>
    <section class="recentSea">
        <ul class="recentSeaList">
            <!--<li><a href="">网红葡萄酒</a></li>
            <li>网</li>
            <li>网红</li>
            <li>网红葡</li>
            <li>网红葡萄</li>
            <li>网红葡萄酒</li>-->
        </ul>
    </section>
    <!--part 2-->
    <section class="resultsEmpty tab">
        <img src="./img/no_result.png" alt="">
        <p>哎呀，没有搜索到结果~</p>
    </section>
    <!--part 3-->
    <section class="filtrate tab">
        <div><span>默认</span></div>
        <div><span>价格</span></div>
        <div><span>筛选</span></div>
    </section>
    <section class="searchList tab">
        <!--<aside>
            <a href="javascript:;">
                <img src="img/banner.png" alt="">
                <span class="single">白色衬衣</span>
                <b class="single"><i>￥</i>65.9</b>
            </a>
        </aside>-->
    </section>

    <div id="bottom" class="tab"></div>
    <!--弹框-->
    <div class="gat_background tab">
        <div class="gat_alert">
            <p>你确定要删除你最近的搜索吗？</p>
            <ul>
                <li class="gat_alert_cancel">取消</li>
                <li class="gat_alert_affirm">确认</li>
            </ul>
        </div>
    </div>

    <div class="message_alert tab">
        <div class="adrees_alert">
            <p>!</p>
            <ul>
                <!--<li class="adrees_cancel">取消</li>-->
                <li class="message_alert_affirm">确认</li>
            </ul>
        </div>
    </div>

    <script src="../common/js/jquery.js"></script>
    <script src="../common/js/common.js"></script>
    <script src="../common/js/json2.js"></script>
    <script src="../common/js/post.js"></script>
    <script src="../common/js/rem.js"></script>
    <script src="./js/search.js"></script>
<script src="../common/js/clearcache.js"></script>
</body>
</html>